{extend name="public/base"}

{block name="x-body"}
<div class="x-body">
    <div class="layui-row">
    </div>
    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll('{:url(\'MallConfig/friendly_del\')}')"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加友情链接','{:url(\'MallConfig/friendly_form\')}')"><i class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px">共有数据：{$list -> total()} 条</span>
    </xblock>
    <table class="layui-table layui-form">
        <thead>
        <tr>
            <th width="20">
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>链接名称</th>
            <th>链接地址</th>
            <th width="50">排序</th>
            <th width="60">显示</th>
            <th width="80">新窗口打开</th>
            <th>操作</th>
        </thead>
        <tbody>
        {volist name="list" id="v"}
        <tr>
            <td>
                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$v.id}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{$v.id}</td>
            <td>{$v.name}</td>
            <td>{$v.url}</td>
            <td><input type="text" class="layui-input x-sort" name="sort" data-id="{$v.id}" value="{$v.sort}" onfocus="isNum(this)"></td>
            <td>
                <input class="check" type="checkbox" name="is_show" data-id="{$v.id}" data-status="{$v.is_show}" lay-text="是|否" {if $v.is_show == 1}checked=""{/if} lay-skin="switch">
            </td>
            <td>
                <input class="check" type="checkbox" name="target" data-id="{$v.id}" data-status="{$v.target}" lay-text="是|否" {if $v.target == 1}checked=""{/if} lay-skin="switch">
            </td>
            <td class="td-manage">
                <a title="编辑"  onclick="x_admin_show('编辑友情链接', '{:url(\'MallConfig/friendly_form\', [\'id\' => $v.id])}')" href="javascript:;">
                    <i class="layui-icon">&#xe642;</i>
                </a>
                <a title="删除" onclick="member_del(this,'{$v.id}', '{:url(\'MallConfig/friendly_del\')}')" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
        {/volist}
        </tbody>
    </table>
    <div class="page">
        <div>
            {$list -> render()|raw}
        </div>
    </div>
</div>

<script>
    $(document).ready(function (){
        var url = '{:url("MallConfig/friendlyNum")}';
        /**
         * 更新排序
         */
        sort(url);

        /**
         * 更新状态
         */
        $('table').on('click', '.layui-form-switch', function (){
            var id = $(this).prev().data('id');
            var status_name = $(this).prev().attr('name');
            var that = $(this).prev();
            var status = that.data('status') == 0 ? 1 : 0;
            var data = {'id': id};
            data[status_name] = status;
            $.post(url, data, function(res){
                if(res.code == 1){
                    that.data('status', status);
                }
                layer.msg(res.msg, {icon:1,time:1000});
            }, 'json');
        })
    });
</script>
{/block}